<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:sentinel="http://primefaces.org/sentinel">

    <div id="layout-menubar" class="Unselectable fontRegular">
        <div class="layout-menubarinner-box" id="buttonArea">
            <a href="#" id="layout-menubar-resize" class="BordRad3" title="Menu Resize"><i class="icon-th-list-2"/></a>
            <a href="#" id="layout-menubar-resize2" class="BordRad3" title="Open Menu"><i class="icon-menu"/></a>
        </div>

        <div class="layout-menubarinner-box" id="searchArea">
            <i class="icon-search floatLeft gray" style="display: inline-block"/>
            <p:inputText placeholder="Search Here" styleClass="layout-menubar-search floatLeft Animated05" style="padding:0 0 3px !important;"/>
        </div>

        <h:form id="menuform">
            <sentinel:menu id="sm_leftmenu">
                <p:menuitem id="sm_dashboard"
                            value="Dashboard"
                            icon="icon-home-outline"
                            outcome="/dashboard.xhtml"/>
                <!--containerStyleClass="layout-menubar-active"-->

                <p:menuitem id="sm_promotion"
                            value="Promotion Page"
                            icon="icon-cube"
                            outcome="/promotion-page.xhtml"/>

                <p:submenu id="sm_sentineltheme" label="Sentinel Theme" icon="icon-gauge">
                    <p:menuitem id="sm_sample" value="Sample Page" outcome="/sample.xhtml" icon="icon-columns" />
                    <p:menuitem id="sm_forms" value="Forms" outcome="/forms.xhtml" icon="icon-doc-text-1" />
                    <p:menuitem id="sm_datacomponents" value="Data Components" outcome="/data.xhtml" icon="icon-th" />
                    <p:menuitem id="sm_datatable" value="DataTable" outcome="/datatable.xhtml" icon="icon-table" />
                    <p:menuitem id="sm_panels" value="Panels" outcome="/panel.xhtml" icon="icon-magic" />
                    <p:menuitem id="sm_overlays" value="Overlays" outcome="/overlay.xhtml" icon="icon-newspaper" />
                    <p:menuitem id="sm_menus" value="Menus" outcome="/menu.xhtml" icon="icon-menu" />
                    <p:menuitem id="sm_messages" value="Messages" outcome="/messages.xhtml" icon="icon-bell" />
                    <p:menuitem id="sm_charts" value="Charts" outcome="/charts.xhtml" icon="icon-chart" />
                    <p:menuitem id="sm_fu" value="FileUpload" outcome="/file.xhtml" icon="icon-docs" />
                    <p:menuitem id="sm_misc" value="Misc" outcome="/misc.xhtml" icon="icon-beaker" />
                </p:submenu>

                <p:submenu id="sm_dp" label="Default Pages" icon="icon-pin-outline">
                    <p:menuitem id="sm_empty" value="Empty Page" outcome="/empty-page.xhtml" icon="icon-plus-squared-alt" />
                    <p:menuitem id="sm_login" value="Login Page" outcome="/login.xhtml" icon="icon-login" />
                    <p:menuitem id="sm_error" value="Error Page" outcome="/error.xhtml" icon="icon-warning-empty" />
                    <p:menuitem id="sm_404" value="404 Page" outcome="/404.xhtml" icon="icon-warning-empty" />
                    <p:menuitem id="sm_access" value="Access Denied Page" outcome="/access-denied" icon="icon-warning-empty" />
                </p:submenu>

                <p:submenu id="sm_menu" label="Menu Hierarchy" icon="icon-sitemap">
                    <p:submenu id="sm_sub1" label="Submenu 1" icon="icon-folder-empty">
                        <p:submenu  id="sm_sub1_1" label="Submenu 1.1" icon="icon-folder-empty">
                            <p:submenu id="sm_sub1_1_1" label="Submenu 1.1.1" icon="icon-folder-empty">
                                <p:menuitem id="sm_lnk1" value="Link 1" icon="icon-link" outcome="/empty-page.xhtml" />
                                <p:menuitem id="sm_lnk2" value="Link 2" icon="icon-link" outcome="/empty-page.xhtml" />
                                <p:menuitem id="sm_lnk3" value="Link 3" icon="icon-link" outcome="/empty-page.xhtml" />
                            </p:submenu>
                        </p:submenu>
                    </p:submenu>
                    <p:submenu id="sm_sub2" label="Submenu 2" icon="icon-folder-empty">
                        <p:submenu id="sm_sub2_1" label="Submenu 2.1" icon="icon-folder-empty">
                            <p:submenu id="sm_sub2_1_1" label="Submenu 2.1.1" icon="icon-folder-empty">
                                <p:menuitem id="sm_lnk4" value="Link 1" icon="icon-link" url="#" />
                                <p:menuitem id="sm_lnk5" value="Link 2" icon="icon-link" url="#" />
                                <p:menuitem id="sm_lnk6" value="Link 3" icon="icon-link" url="#" />
                            </p:submenu>
                        </p:submenu>
                    </p:submenu>
                </p:submenu>

                <p:menuitem id="sm_fonts" value="Font Icons" outcome="/font-icons.xhtml" icon="icon-book" />

                <p:submenu id="sm_orientation" label="Orientation" icon="icon-align-right">
                    <p:menuitem id="sm_rtl" value="RTL" onclick="$('body').addClass('ui-sentinel-rtl');return false;" icon="icon-align-right" />
                    <p:menuitem id="sm_ltr" value="LTR" onclick="$('body').removeClass('ui-sentinel-rtl');return false;" icon="icon-align-left" />
                </p:submenu>

                <p:menuitem id="sm_user" value="User Profile" outcome="/empty-page.xhtml" icon="icon-vcard" />
                <p:menuitem id="sm_tasks" value="Tasks" outcome="/empty-page.xhtml" icon="icon-tasks" />
                <p:menuitem id="sm_contact" value="Contact" outcome="/empty-page.xhtml" icon="icon-phone" />
                <p:menuitem id="sm_doc" value="Documentation" outcome="/documentation.xhtml" icon="icon-graduation-cap" />
            </sentinel:menu>
        </h:form>
    </div>
</ui:composition>